<template>
  <div>
    Child: {{ count }}
  </div>
</template>

<script setup>
import { ref } from 'vue';

const count = ref(1)
const changeCount = (num) => {
  count.value += num
}
// script setup 这种写法，默认情况下内部的数据对外是关闭的
// 可以通过 defineExpose 暴露出去，这样外界拿到此组件实例就可以访问啦
defineExpose({
  count,
  changeCount
})
</script>

<style lang="scss" scoped></style>